import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 音频数据
    // 音频url
    audioUrl: '',

    //音频元素
    audioEle: null,

    //歌曲图片
    picUrl: '',

    //歌曲名字
    songName: '',

    //歌手名字
    songerName: '',

    //歌手id
    singerId: '',

    //当前音频id
    audioId: '',

    //歌曲评论数据
    audioComment: [],

    //是否暂停
    isPaused: true,

    //是否显示播放页面
    isShowPlayPage: false,

    //歌曲默认播放列表
    defaultSongList: [],

    //关注歌手
    Followsinger: [],

    //喜欢的歌曲
    Likesong: [],

    //收藏歌单
    Songsheet: [],

    //进度
    rate: 0
  },
  mutations: {
    // 动态修改state的属性
    changeStateProperty(state, params) {
      // params.key: state的属性名
      // params.value: 修改的值
      state[params.key] = params.value;
    },

    //添加歌曲到默认列表
    addSongToDedefaultSongList(state, songInfo) {
      state.defaultSongList.unshift(songInfo);
    },

    //关注歌手列表
    addSinger(state, Follow) {
      state.Followsinger.unshift(Follow);
    },

    //喜欢歌曲列表
    addlikesong(state, Like) {
      state.Likesong.unshift(Like);
    },

    //收藏歌单列表
    addSongsheet(state, sheet) {
      state.Songsheet.unshift(sheet);
    },
  },
})
